<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按钮</title>
     <!--引入2 css-->
         <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"/>
         <link rel="stylesheet" href="../themes/icon.css" type="text/css"/>
         <!--引入js文件-->
         <script type="text/javascript" src="../js/jquery.min.js"></script>
         <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
</head>
<body>
<a href="#" id="btn_1" class="easyui-linkbutton"
   data-options="iconCls:'icon-add'">增加部门</a>
<a href="#" id="btn_2" class="easyui-linkbutton"
   data-options="iconCls:'icon-search'">
    查询部门
</a>
<a
        href="#" id="btn_3" class="easyui-linkbutton"
        data-options="iconCls:'icon-edit'">修改部门</a>
<a href="#" id="btn_4"
                                                  class="easyui-linkbutton"
                                                  data-options="iconCls:'icon-remove'">删除部门</a>

<script type="text/javascript">
$("a").click(function () {
    var title = $(this).text();
    title = $.trim(title);
    alert(title);
});
</script>
</body>
</html>